<!--
* @作者: 陈会丽 *
* @时间：2024-2025-1 *
-->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <script src="" type="text/javascript" charset="UTF-8"></script>
        <link rel="stylesheet" type="text/css" href="" />
        <script src="vue.js"></script>
        <style type="text/css"></style>
    </head>
    <body>
        <!-- ###### 标签
        **开始标签<标签名>**
        用于开始标签开始
        **结束标签</标签名>**
        用于结束标签结束,初学者常常会犯忘记包含结束标签的错误，这可能会产生一些奇怪的结果。 -->
        <!-- 表示结构的：html body head meta
        表示引入的：link 引入 css、script 引入 js
        普通元素：div span p table form a
        列表：ul 无序列表 ol 有序列表 "dl dt dd"定义列表
        换行 br、水平线 hr 等等 -->
        <div align="center">我是div</div>
        <span>我是span </span>
        <p>我是P标签</p>
        <b>我加粗字体</b><br>
        <i>我是斜体</i><br>
        <u>设置文本下划线</u><br>
        <s>在文本上设置一个删除线</s><br>
        <a href="#">aaa</a>
        <h1 style="background-color: bisque;">h1</h1>
        <h6 style="background-color: aquamarine;">h6</h6>
        <hr ><br>
        <ul>无序列表:水果
            <li>橘子</li>
            <li>苹果</li>
            <li>香蕉</li>
            <li>菠萝</li>
        </ul>
        
        <ol> 有序列表：饮料
            <li>奶茶</li>
            <li>咖啡</li>
            <li>柠檬茶</li>
        </ol>
        <dl>定义列表：
            <dt>22物联网工程</dt>
            <dd>物联网有1，2班，共65人！</dd>
        </dl>
        <!-- ###### 属性
        属性包含了 元素的一些额外信息,例如:class="h",
        属性应该包含：
        1. 在属性与元素名称（或上一个属性，如果有超过一个属性的话）之间的空格符。
        2. 属性的名称，并接上一个等号。
        3. 由引号所包围的属性值。 -->
        <img src="../logo.png">
        <style>
            div{
                width: 100px;
                height: 100px;
                background-color: brown;
                align: center;
            }
            span{
                background-color: aqua;
            }
            p{background-color: yellowgreen;}
        </style>
    </body>
</html>